.breadcrumb-link {
  display: flex;
  gap: 0.9rem;
  align-items: center;
  margin-bottom: 5.9rem;
}

.dm-border-line {
  border-right: 0.1rem solid #3c3c3c66;
  height: 1.1rem;
}

.breadcrumb-item > a {
  font-size: var(--dm-font-body-text);
  font-weight: var(--dm-font-body-weight);
  line-height: var(--dm-font-body-line);
}

/* 灰色 */
.breadcrumb-item a.inactive {
  color: #3c3c3c66 !important;
}

/* 高亮 */
.breadcrumb-item a.active {
  color: var(--dm-color-primary) !important;
}

.dm-inquiry-list-content {
  margin: 0 auto;
  margin: 2.1rem 21rem 12.8rem 12rem;
}

.dm-inquiry-content {
  display: flex;
  justify-content: space-between;
}

.dm-inquiry-left-content {
  width: 88.7rem;
  display: flex;

  /* gap: 12.6rem; */
  flex-direction: column;
}

.inquiry-title {
  font-family: var(--dm-font-family-base);
  color: var(--dm-color-primary);
  font-size: var(--dm-font-h1-size);
  line-height: var(--dm-font-body1-line);
  font-weight: var(--dm-font-h1-weight);
  margin-bottom: 4.5rem;
}

.inquiry-list-body {
  width: 88.7rem !important;
  height: 36rem;
}

#inquiry-list-content-info {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.list-body-content {
  height: 31.8rem;
  border-bottom: 0.1rem solid var(--dm-color-border);

  /* margin-bottom: 3rem; */
  display: flex;
  padding-bottom: 3rem;
  box-sizing: initial;
}

.list-body-left img {
  width: 31.8rem;
  height: 31.8rem;
}

.list-body-right {
  width: 56.9rem;
  margin: 2.15rem 0 2.15rem 5.5rem;
}

.body-right-info {
  display: flex;
  flex-direction: column;
  gap: 4.4rem;
}

.right-info-content {
  height: 19.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.9rem;
}

.info-medium-title {
  color: var(--dm-gray-500);
  font-size: var(--dm-font-h3-size);
  font-weight: var(--dm-font-h3-weight);
  font-family: var(--dm-font-family-base);
  line-height: var(--dm-font-body3-line);
}

.info-describe-content {
  color: var(--dm-gray-400);
  font-size: var(--dm-font-body1-size);
  font-weight: var(--dm-font-body2-weight);
  font-family: var(--dm-font-family-base);
  line-height: var(--dm-font-body2-line);
}

.unit-switch-container {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Quicksand;
}

.info-count-content {
  display: flex;
  gap: 1.8rem;
}

.info-switch {
  align-items: center;
  display: flex;
  gap: 1.2rem;
}

/* 单位文字 */
.unit-label {
  font-size: var(--dm-font-body-text);
  color: var(--dm-gray-500);
}

/* 开关整体 */
.switch {
  position: relative;
  display: inline-block;
  width: 5.9rem;
  height: 2.4rem;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* 滑块轨道 */
.slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #f2f2f2;
  border-radius: 1.25rem;

  /* 阴影盒 */

  transition: 0.3s;
}

/* 滑块按钮 */
.slider::before {
  position: absolute;
  content: '';
  height: 2rem;
  width: 2rem;
  left: 2px;
  bottom: 2px;
  background-color: var(--dm-color-primary); /* 棕色 */
  border-radius: 50%;
  transition: 0.3s;
}

/* 选中状态 */
.switch input:checked + .slider {
  background-color: #ccc;
}

.switch input:checked + .slider::before {
  transform: translateX(3.6rem);
}

/* 数量选择框 */
.quantity-box {
  width: 16.2rem;
  display: flex;
  align-items: center;
  border: 1px solid var(--dm-color-border);
}

#decrease {
  border-right: 0.1rem solid var(--dm-color-border);
}

#increase {
  border-left: 0.1rem solid var(--dm-color-border);
}

.qty-btn {
  width: 4.1rem;
  line-height: 3.6rem;
  height: 4.1rem;
  border: none;
  background: #fff;
  display: flex;
  justify-content: center;
  font-size: 2.3rem;
  cursor: pointer;
  align-items: center;
}

#quantity {
  width: 5.5rem;
  text-align: center;
  border: none;
  font-size: var(--dm-font-body-text);
  color: var(--dm-gray-500);
  outline: none;
}

.qty-unit {
  font-size: var(--dm-font-body-text);
  color: var(--dm-gray-500);
}

.input-width {
  width: 8.2rem;
  display: flex;
  align-items: center;
}

.right-info-operate {
  width: 11.3rem;
  height: 2.8rem;
  display: flex;
  gap: 0.9rem;
  align-items: center;
}

.right-info-operate > svg {
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
}

.info-operate-text {
  font-size: 2.2rem;
  color: var(--dm-color-subtext);
  decoration: underline;
  font-family: var(--dm-font-family-base);

  /* 下划线 */
  text-decoration: underline;
  text-decoration-thickness: 0.1rem; /* 粗细 */
  text-decoration-color: var(--dm-color-subtext); /* 颜色 */

  /* 鼠标小手 */
  cursor: pointer;
}

.dm-inquiry-right-content {
  width: 48.7rem;
  background-color: var(--dm-color-white);
  padding: 5.9rem 4.9rem 2.9rem 5rem;
  border: 0.1rem solid var(--dm-color-border);
}

/* 表单 */
.dm-inquiry-right-title {
  color: var(--dm-color-primary);
  font-size: var(--dm-font-h3-size);
  font-weight: var(--dm-font-h3-weight);
  font-family: var(--dm-font-family-base);
  text-align: center;
  margin-bottom: 2.3rem;
}

.dm-from-content {
  width: 38.8rem;
}

.form-item {
  /* margin-bottom: 2.7rem; */
  width: calc(50% - -14.9rem);
  display: flex;
  flex-direction: column;
}

.error-message {
  font-size: var(--dm-font-body1-size);
  color: var(--dm-color-warning);
  height: var(--dm-font-h2-size);
  font-family: Quicksand;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease; /* 动画时长可调 */
}

.error-message.show {
  visibility: visible;
  opacity: 1;
}

.form-item-label {
  font-family: Quicksand;
  font-weight: 400;
  font-size: var(--dm-font-body1-size);
  color: var(--dm-color-dark);
  margin-bottom: 0.1rem;
}

.form-content .form-item input,
.form-content .form-item select {
  border-bottom: 1px solid var(--dm-gray-500);
  outline: none;
  height: 2.7rem;
  font-family: Quicksand;
  font-style: normal;
  font-weight: 400;
  font-size: var(--dm-font-body1-size);
}

.form-item input:focus {
  border-bottom: 1px solid var(--dm-color-primary) !important;
}

.select-dropdown > ul {
  overflow-y: visible;
}

.form-item .select-dropdown > ul {
  overflow-y: visible;
}

.not-verify {
  margin-bottom: 3rem;
}

.select-dropdown {
  font-family: Roboto;
  font-weight: 400;
  position: relative;
  margin-bottom: 0.3rem;
}

.select-dropdown p {
  height: 2.7rem;
  line-height: 2.7rem;
  border-bottom: 1px solid #868686;
  cursor: pointer;
  font-size: var(--dm-font-body1-size);
}

.select-dropdown ul {
  top: 2.7rem;
  width: 100%;
  background-color: var(--dm-color-white);
  box-shadow: 0 2px 6px rgb(0 0 0 / 25%);
  position: absolute;
  overflow: auto;
  z-index: 10;
  font-size: var(--dm-font-body1-size);
  max-height: 20rem;
  overflow-y: auto;
  border: 0.3rem solid var(--dm-color-primary);
  border-radius: 0.6rem;
  display: none;
}

.select-dropdown ul li {
  height: var(--dm-font-h1-size);
  line-height: var(--dm-font-h1-size);
  padding: 0 1.25rem;
  color: #000;
  cursor: pointer;
}

.select-dropdown:hover .select-arrows path {
  stroke: var(--dm-color-primary);
}

.select-dropdown:hover p {
  border-bottom: 1px solid var(--dm-color-primary);
}

.select-dropdown .select-arrows {
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.select-dropdown ul li:hover {
  background: var(--dm-color-primary);
  color: var(--dm-color-white);
}

.select-dropdown ul li {
  position: relative;
}

.select-dropdown .second-select {
  position: absolute;
  left: 100%;
  top: 0.21rem;
}

.select-dropdown ul li:hover ul {
  display: block;
}

.form-check {
  color: #9d9d9c;
  display: flex;
  align-items: center;
  font-size: var(--dm-font-body1-size);
  font-weight: 400;
}

.error-contact-content .form-content .form-item .form-check input {
  margin-bottom: 0;
}

.file-border-content {
  width: 35rem;
  border: 0.1rem dotted #24242433;
  background-color: #f9f9f9;
  border-radius: 0.6rem;
  margin-top: 2.2rem;
  padding: 2.4rem 7.1rem 1.8rem;
}

.file-body-content {
  width: 20.8rem;
  height: 8.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.file-content {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 1.6rem;
}

.btn-import {
  height: 4.2rem;
  background-color: var(--dm-color-primary);
  color: var(--dm-color-white);
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  cursor: pointer;
}

.upload-text {
  font-size: var(--dm-font-body1-size);
  font-weight: var(--dm-font-body1-weight);
  font-family: var(--dm-font-family-base);
  line-height: var(--dm-font-body2-line);
}

.upload-tips {
  font-size: var(--dm-font-body1-size);
  font-weight: var(--dm-font-body-weight);
  font-family: var(--dm-font-family-base);
  line-height: var(--dm-font-body2-line);
  color: var(--dm-gray-500);
}

.file-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.file-name {
  color: var(--dm-gray-500);
  font-size: var(--dm-font-body1-size);
  font-weight: var(--dm-font-body-weight);
  font-family: var(--dm-font-family-base);
  line-height: var(--dm-font-body2-line);
  width: 13.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.file-left-txt {
  display: flex;
  align-items: center;
  gap: 0.72rem;
}

.file-info .file-left-txt > img {
  margin: 0.5rem;
}

.tips-one p {
  font-size: var(--dm-font-body2-size);
  font-weight: var(--dm-font-body2-weight);
  font-family: var(--dm-font-family-base);
  line-height: var(--dm-font-body2-line);
  color: var(--dm-color-text);
}

.special-text {
  display: flex;
  gap: 0.9rem;
}

.file-tips {
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
  margin-bottom: 2.2rem;
}

.dm-footer-form {
  font-family: Quicksand, Helvetica, sans-serif;
  font-weight: 500;
  font-size: var(--dm-font-body1-size);
  line-height: 100%;
  border-radius: var(--dm-border-radius);
  text-decoration: none;
  width: 13.2rem;
  height: 5.6rem;
  color: var(--dm-color-white);
  background: var(--dm-color-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 5.2rem;
  cursor: pointer;

  /* 关键：添加过渡动画 */
  transition: all 0.3s ease;
}

.dm-footer-form:hover {
  background: var(--dm-color-white);
  color: var(--dm-color-primary);
  outline: 1px solid var(--dm-color-primary);
}

/* not Data */
.no-inquiry-content {
  width: 20.6rem;
  height: 11.7rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.no-inquiry-content p {
  font-family: var(--dm-font-family-base);
  font-size: var(--dm-font-body1-size);
  color: var(--dm-gray-400);
  line-height: var(--dm-font-body2-line);
}

.no-inquiry-content button {
  font-family: var(--dm-font-family-base);
  font-weight: 500;
  font-size: var(--dm-font-body1-size);
  line-height: 100%;
  border-radius: var(--dm-border-radius);
  text-decoration: none;
  width: 18.7rem;
  height: 5.6rem;
  color: var(--dm-color-white);
  background: var(--dm-color-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0 auto;

  /* 关键：添加过渡动画 */
  transition: all 0.3s ease;
}

.no-inquiry-content button:hover {
  background: var(--dm-color-white);
  color: var(--dm-color-primary);
  outline: 1px solid var(--dm-color-primary);
}

.pc-img-spic {
  display: block;
}

.move-img-spic {
  display: none;
}

@media (width <= 768px) {
  .dm-inquiry-list-content {
    margin: 2.3rem 2.9rem 0;
  }

  .dm-inquiry-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .dm-inquiry-left-content {
    width: 100% !important;
  }

  .breadcrumb-link {
    margin-bottom: 2.9rem;
  }
  .inquiry-title {
    margin-bottom: 4.2rem;
  }
  .list-body-content {
    height: 47.4rem;
    padding-bottom: 0rem;
  }

  .list-body-left img {
    height: 21.8rem;
    width: 21.8rem;
  }

  .list-body-right {
    width: 45.4rem;
    margin: 0rem 0rem 0rem 2.1rem;
  }
  .info-medium-title {
    line-height: 4.7rem;
  }

  .info-describe-content {
    line-height: 4.2rem;
  }

  .right-info-content {
    height: 35.5rem;
    justify-content: space-between;
  }

  .info-count-content {
    gap: 4.9rem;
  }

  .quantity-box {
    width: 17.9rem;
    justify-content: space-between;
  }

  #quantity {
    width: 6.2rem;
  }

  .right-info-operate {
    height: 3.3rem;
  }

  .dm-inquiry-right-content {
    width: 100%;
    background-color: var(--dm-color-gb);
    border: none;
    padding: 2.6rem 3.2rem 6.4rem 3.2rem;
  }

  .dm-inquiry-right-title {
    margin-bottom: 6.6rem;
    font-size: 6.6rem;
  }

  .dm-from-content {
    width: 100%;
  }

  .form-item {
    width: 100%;
  }

  .form-item-label {
    color: var(--dm-color-white);
  }

  .form-content .form-item input,
  .form-content .form-item select {
    border-bottom: 1px solid var(--dm-color-white);
    height: 6rem;
    color: var(--dm-color-white);
    caret-color: var(--dm-color-white);
  }

  .select-dropdown ul {
    max-height: 35.5rem;
    top: 6.1rem;
  }

  .select-dropdown p {
    height: 6rem;
    line-height: 6rem;
    color: var(--dm-color-white);
    border-bottom: 0.1rem solid var(--dm-color-white);
  }

  .file-border-content {
    width: 42.4rem;
    margin: 3rem auto 0rem auto;
    background-color: #ffffff33;
    border: 0.3rem dotted var(--dm-color-primary);
  }

  .upload-tips {
    font-size: 2.6rem;
    color: var(--dm-color-white);
  }
  .file-body-content {
    width: 100%;
    height: 10.9rem;
  }

  .btn-import {
    height: 6.2rem;
  }

  .btn-import > svg {
    width: 2.6rem;
    height: 1.9rem;
  }

  .upload-text {
    font-size: 2.6rem;
  }

  .file-name {
    color: var(--dm-color-white);
  }

  .tips-one p {
    color: var(--dm-color-white) !important;
  }

  .pc-img-spic {
    display: none;
  }

  .move-img-spic {
    display: flex;
    margin-bottom: 4.2rem;
  }

  .special-text > svg {
    color: var(--dm-color-white);
  }

  .dm-footer-form {
    margin-top: 0rem;
    width: 21.3rem;
    height: 7.2rem;
    border: 0.1rem solid var(--dm-color-white);
    background: var(--dm-color-gb);
    font-weight: 700;
  }
  .no-inquiry-content {
    width: 41.3rem;
    height: 19.8rem;
    margin-bottom: 9.6rem;
  }

  .no-inquiry-content button {
    width: 25.3rem;
    height: 9.6rem;
  }
}
